@CHARSET "UTF-8";
#tong>div{
	border:1px solid #000000;
	position: absolute;
	margin: 0 auto;
}

body{
/* 		background-color: #ff8080; */
		text-align: left;
		font-size: 87.5%; /* 기본 폰트 사이즈 14px*/
		line-height: 1.5;
		background-color: #ffd9ff;
		color: #000000;
}

#title{width: 80%;  height:17%; top: 0px;background-image: url(../images/2.gif)}
#menu{width:80%; top :130px;}
#main{width: 80%;  top: 400px;}
#login{width: 80%;  top: 200px;width: 30%; float: left;margin: 10px auto;display: inline;}
#content{width: 80%; top: 370px;}

@media all and (min-width:500px){
	
}

@media all and (min-width:500px) and (max-width:800px){
	#title{width: 80%; height:17%; top: 0px; background-image: url(../images/2.gif)}
	#menu{width:80%; top :130px;}
	#main{width: 10%; ; top: 200px; left:550px;  }
	#login{width: 80%;  top: 200px; width: 30%; }
	#content{width:80%; top: 370px;}

}
@media all and (min-width:800px){
	#title{width: 80%; height:17%; top: 0px;background-image: url(../images/1.gif)}
	#menu{width:80%; top :130px;}
	#main{width: 20%; top: 200px; left:550px}
	#login{width: 80%; top: 200px; width: 30%; float: left; }
	#content{width: 80%;  top: 370px;}
	
	/* 방명록 */

.guest_book_g_rno, .guest_book_m_id, .guest_book_g_date, .bt_guest_book_del, .guest_book_g_nullblock
{
	display : inline-block;
}
#guest_book_input
{
	
	padding : 7px;
	width : 60%;
	border-top: 2px groove #ff80c0;
	border-left: 2px groove #ff80c0;
	border-bottom: 3px groove #ff80c0;
	border-right: 3px groove #ff80c0;
	border-radius : 30px;
	box-shadow: 5px 5px 2px #ff8080;
	margin: 0 auto;
	background-color: #ffcdf0;
}
#guest_book_output
{
	
	text-align : left;
	padding : 7px;
	width : 60%;
	border-top: 2px groove #ff80c0;
	border-left: 2px groove #ff80c0;
	border-bottom: 3px groove #ff80c0;
	border-right: 3px groove #ff80c0;
	border-radius : 30px;
	box-shadow: 5px 5px 2px #ff8080;
	margin: 0 auto;
	background-color: #ffcdf0;
}

.guest_book_g_rno
{
/* 	border : 1px groove #bbbbbb; */
	width : 60%;
	height : 50%;
	margin-left: 5px;
	margin-right: 5px;
}

.guest_book_m_id
{
/* 	border : 1px groove #bbbbbb; */
	width : 60%;
	height : 50%;
}
.guest_book_g_date
{
/*	border : 1px groove #bbbbbb; */
	margin-left: 5px;
	margin-right: 5px;
	width : 170px;
	height : 30px;
	font-size: 8px;
	color: gray;
}
.bt_guest_book_del
{
/* 	border : 1px groove #bbbbbb; */
	font-size : 10px;
	width : 20px;
	height : 20px;
}
.guest_book_g_nullblock
{
/* 	border : 1px groove #bbbbbb; */
	font-size : 10px;
	width : 40px;
	height : 20px;
}

.guest_book_g_text
{
/* 	border : 1px groove #bbbbbb; */
/* 	border-top : groove #ff0000; */
	width : 30%;
	margin-bottom: 7px;
	margin-left: 7px;
}
#tf_guest_book_input
{
/* 	border : 1px groove #bbbbbb; */
	width : 80%;
	margin-bottom: 7px;
	margin-left: 7px;
	
}
#guest_book_top
{
	font-size: 36px;
	text-align: center;
	color: #ff0080;
	margin-top: -20px;
	
}
#guest_book_top_sub
{
	font-size: 23px;
	text-align: center;
	font-weight : bold;
	color: #ff0000;
	margin-top: -5px;
	
	
}

#bt_guest_book_input
{
	border : 1px groove #bbbbbb;
	width : 20%;
	height: 23%;
	margin-bottom: 5px;
	margin-top : -6px;
	
	border-top: 2px groove #ff80c0;
	border-left: 2px groove #ff80c0;
	border-bottom: 3px groove #ff80c0;
	border-right: 3px groove #ff80c0;
	border-radius : 15px;
	box-shadow: 2px 2px 4px #ff8080;
	
	background-color: #ff0080;
	font-weight: bold;
	font-stretch: ultra-condensed;
	
}

.guest_book_underline
{
	border-top: 1px groove #ff0000;
	width: 20%;
	height: 20%; 
	margin-top : -8px;
	margin-bottom: 7px;
}
	
}